/*******************************全局样式设置***************************/
:root {
  --king-bg: #f5f5f5;
  --bg-color: rgba(255, 255, 255, 1);
  --text-color: rgba(39, 49, 61, 1);
  --text-soft-color: rgba(68, 75, 83, 1);
  --text-strong-color: rgba(74, 74, 74, 1);
  --subtle-color: rgba(247, 249, 253, 1);
  --border-color: rgba(221, 232, 246, 1);
  --shadow-color: rgba(171, 193, 220, 1);
  --input-color: rgba(255, 255, 255, 1);
  --outline-color: rgba(157, 195, 235, 1);
  --mark-color: rgba(71, 132, 182, 0.08);
  --special-color: rgba(71, 132, 182, 1);
  --special-bg-color: rgba(73, 136, 188, 1);
  --special-text-color: rgba(255, 255, 255, 1);
  --special-shadow-color: rgba(71, 91, 113, 1);
  --special-mark-color: rgba(255, 255, 255, 0.08);
  --light-color: rgba(238, 244, 252, 1);
  --dark-color: rgba(55, 72, 90, 1);
  --text-color-rgb: 39, 49, 61;
  --bg-color-rgb: 255, 255, 255;
  --subtle-color-rgb: 247, 249, 253;
  --special-color-rgb: 71, 132, 182;
  --special-text-color-rgb: 255, 255, 255;
  --special-bg-color-rgb: 73, 136, 188;
  --shadow-color-rgb: 171, 193, 220;
  --special-shadow-color-rgb: 71, 91, 113;
  --outline-color-rgb: 157, 195, 235;
  --dark-color-rgb: 55, 72, 90;
  --light-color-rgb: 238, 244, 252;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: rgba(32, 32, 32, 1);
    --text-color: rgba(220, 223, 229, 1);
    --text-soft-color: rgba(184, 188, 194, 1);
    --text-strong-color: rgba(187, 187, 187, 1);
    --subtle-color: rgba(33, 37, 42, 1);
    --border-color: rgba(38, 49, 61, 1);
    --shadow-color: rgba(0, 0, 0, 1);
    --input-color: rgba(28, 28, 28, 1);
    --outline-color: rgba(100, 164, 220, 1);
    --mark-color: rgba(87, 144, 193, 0.08);
    --special-color: rgba(87, 144, 193, 1);
    --special-bg-color: rgba(60, 102, 138, 1);
    --special-text-color: rgba(220, 223, 229, 1);
    --special-shadow-color: rgba(22, 31, 40, 1);
    --special-mark-color: rgba(220, 223, 229, 0.08);
    --light-color: rgba(191, 214, 242, 1);
    --dark-color: rgba(39, 54, 69, 1);
    --text-color-rgb: 220, 223, 229;
    --bg-color-rgb: 32, 32, 32;
    --subtle-color-rgb: 33, 37, 42;
    --special-color-rgb: 87, 144, 193;
    --special-text-color-rgb: 220, 223, 229;
    --special-bg-color-rgb: 60, 102, 138;
    --shadow-color-rgb: 0, 0, 0;
    --special-shadow-color-rgb: 22, 31, 40;
    --outline-color-rgb: 100, 164, 220;
    --dark-color-rgb: 39, 54, 69;
    --light-color-rgb: 191, 214, 242;
  }
}

@media (prefers-color-scheme: light) and (prefers-contrast: more) {
  :root {
    --bg-color: rgba(255, 255, 255, 1);
    --text-color: rgba(25, 33, 41, 1);
    --text-soft-color: rgba(29, 32, 37, 1);
    --text-strong-color: rgba(74, 74, 74, 1);
    --subtle-color: rgba(247, 249, 253, 1);
    --border-color: rgba(166, 183, 204, 1);
    --shadow-color: rgba(138, 158, 182, 1);
    --input-color: rgba(255, 255, 255, 1);
    --outline-color: rgba(126, 179, 230, 1);
    --mark-color: rgba(53, 101, 140, 0.16);
    --special-color: rgba(53, 101, 140, 1);
    --special-bg-color: rgba(55, 105, 145, 1);
    --special-text-color: rgba(255, 255, 255, 1);
    --special-shadow-color: rgba(25, 34, 44, 1);
    --special-mark-color: rgba(255, 255, 255, 0.16);
    --light-color: rgba(238, 244, 252, 1);
    --dark-color: rgba(55, 72, 90, 1);
    --text-color-rgb: 25, 33, 41;
    --bg-color-rgb: 255, 255, 255;
    --subtle-color-rgb: 247, 249, 253;
    --special-color-rgb: 53, 101, 140;
    --special-text-color-rgb: 255, 255, 255;
    --special-bg-color-rgb: 55, 105, 145;
    --shadow-color-rgb: 138, 158, 182;
    --special-shadow-color-rgb: 25, 34, 44;
    --outline-color-rgb: 126, 179, 230;
    --dark-color-rgb: 55, 72, 90;
    --light-color-rgb: 238, 244, 252;
  }
}

@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
  :root {
    --bg-color: rgba(32, 32, 32, 1);
    --text-color: rgba(238, 239, 242, 1);
    --text-soft-color: rgba(238, 239, 241, 1);
    --text-strong-color: rgba(187, 187, 187, 1);
    --subtle-color: rgba(33, 37, 42, 1);
    --border-color: rgba(74, 81, 91, 1);
    --shadow-color: rgba(0, 0, 0, 1);
    --input-color: rgba(28, 28, 28, 1);
    --outline-color: rgba(98, 161, 215, 1);
    --mark-color: rgba(126, 179, 230, 0.16);
    --special-color: rgba(126, 179, 230, 1);
    --special-bg-color: rgba(48, 82, 113, 1);
    --special-text-color: rgba(238, 239, 242, 1);
    --special-shadow-color: rgba(0, 0, 0, 1);
    --special-mark-color: rgba(238, 239, 242, 0.16);
    --light-color: rgba(216, 229, 246, 1);
    --dark-color: rgba(39, 54, 69, 1);
    --text-color-rgb: 238, 239, 242;
    --bg-color-rgb: 32, 32, 32;
    --subtle-color-rgb: 33, 37, 42;
    --special-color-rgb: 126, 179, 230;
    --special-text-color-rgb: 238, 239, 242;
    --special-bg-color-rgb: 48, 82, 113;
    --shadow-color-rgb: 0, 0, 0;
    --special-shadow-color-rgb: 0, 0, 0;
    --outline-color-rgb: 98, 161, 215;
    --dark-color-rgb: 39, 54, 69;
    --light-color-rgb: 216, 229, 246;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  background-color: #E7E7E7;
  margin: 0px;
  padding: 0px;
  font-family: "Helvetica Neue",
    Helvetica,
    "PingFang SC",
    "Hiragino Sans GB",
    "Microsoft YaHei",
    "微软雅黑",
    Arial,
    sans-serif;
}
wapper{
  width: 1249px;
  margin: 10 auto;
}
center{
  margin: 10 auto;
}




/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
/* ::-webkit-scrollbar {
  width: 8px;
  height: 8px
} */

/*定义滚动条轨道*/
/* ::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em
} */

/*定义滑块 内阴影+圆角*/
/* ::-webkit-scrollbar-thumb {
  background-color: grey;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .4) 100%, transparent 100%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em
} */



***************************滚动条样式****************************

/* 滚动条有滑块的轨道部分 */
::-webkit-scrollbar-track-piece {
  background-color: #00000000;
  border-radius: 0;
}

/* 整个滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #fff;
}

/* 滚动条竖向滑块 */
::-webkit-scrollbar-thumb:vertical {
  background-color: #c1c1c1;
  border-radius: 2px;
}

/* 滚动条竖向滑块hover */
::-webkit-scrollbar-thumb:vertical:hover {
  background-color: grey;
  border-radius: 2px;
}

/* 滚动条横向滑块 */
::-webkit-scrollbar-thumb:horizontal {
  background-color: #c1c1c1;
  border-radius: 2px;
}

/* 滚动条横向滑块hover */
::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: grey;
  border-radius: 2px;
}

/* 同时有垂直和水平滚动条时交汇的部分 */
::-webkit-scrollbar-corner {
  display: block;
  /* 修复交汇时出现的白块 */
}

